<template>
  <div class="orderhistory">
    <van-tabs
      v-model="active"
      title-inactive-color="#a6aaad"
      title-active-color="#a7d500"
      background="#f9faf9"
      style="margin-top: 100px; margin-bottom: 60px"
    >
      <van-tab title="全部">
        <order-card />
      </van-tab>
      <van-tab title="自取">
        <order-card />
      </van-tab>
      <van-tab title="外卖">
        <order-card />
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import OrderCard from "./OrderCard.vue";
export default {
  components: { OrderCard },
  data() {
    return {
      active: "0",
    };
  },
};
</script>

<style scoped>
/* ::v-deep .historyOrder > .van-tabs__wrap > .van-tabs__nav > .van-tab--active {
  font-weight: normal;
} */
.orderhistory {
  margin-top: 44px;
}
.orderhistory > .van-tabs > ::v-deep .van-tabs__wrap {
  position: fixed;
  top: 44px;
  left: 100%;
  z-index: 99999999;
  width: 100%;
}
</style>